<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
	<title>Тест</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="../css/style.css" rel="stylesheet" type="text/css" />
	<!--[if lte IE 6]><link rel="stylesheet" href="../css/lteIE6.css" type="text/css"/><![endif]-->
	<!--[if lte IE 7]><link rel="stylesheet" href="../css/lteIE7.css" type="text/css"/><![endif]-->

	<script src="../js/jquery-1.4.2.min.js" type="text/javascript"> </script>
	<script src="../js/jquery.tabs.js" type="text/javascript"> </script>
	<script src="__build.php" type="text/javascript"> </script>
</head>
<body class="g-pt2 g-pl2">
<form class="f g-mt2 g-ml2" action="?" method="post">
	<dl>
		<dt><label for="client_fio_input">Строка</label></dt>
		<dd><input class="f" name="client_fio" id="client_fio_input" type="text" size="21"
			onclick="return {validators: {Length_Min: {compare: 3}}, settings: {placeholder: 'Введите строку, не менее 3 символов'}}" /></dd>
	</dl>

	<dl>
		<dt><label for="rel_main">Основной</label></dt>
		<dd>
			<select class="f" size="1" name="rel_main" id="rel_main" onclick="return {validators: {Length_NotEmpty: {}}}">
				<option value="">&lt; выберите из списка &gt;</option>
				<option value="1" selected="selected">Российская Федерация</option>
				<option value="2">Сединенные штаты Америки</option>
				<option value="3">Китай</option>
			</select>
		</dd>
	</dl>

	<dl>
		<dt><label for="rel">Зависимый</label></dt>
		<dd>
			<select class="f" size="1" name="rel" id="rel" onclick="return {validators: {Length_NotEmpty: {}}, settings: {relations: {field: 'rel_main', rules: [{from: '$^', to: '^__MESSAGE__$'}, {from: '1', to: '1-\\.*|^$'},{from: '2', to: '2-\\.*|^$'},{from: '3', to: '3-\\.*|^$'}]}}}">
				<option value="__MESSAGE__">&lt; выберите пункт в основном списке &gt;</option>
				<option value="">&lt; выберите из списка &gt;</option>
				<option value="1-1" selected="selected">Владивосток</option>
				<option value="1-2">Москва</option>
				<option value="1-3">Санкт-Петербург</option>
				<option value="1-4">Хабаровск</option>
				<option value="2-1">Вашингтон</option>
				<option value="2-2">Нью Йорк</option>
				<option value="3-1">Далянь</option>
				<option value="3-2">Пекин</option>
				<option value="3-3">Сунь Фунь Хэ</option>
			</select>
		</dd>
	</dl>


<!--
	<dl>
		<dt><label for="client_passport_input">Паспорт</label></dt>
		<dd><input class="f" name="client_passport" id="client_passport_input" type="text" size="21"
			onclick="return {validators: {RegExp: {messages: {INVALID: 'Неверно указана серия или&nbsp;номер паспорта'}, compare: '^\\s*\\d{4,4}\\s+\\d{6,6}\\s*$'}}, enable: {Compare_IsEqual: {__value: 111, compare: {element: 'client_fio'}}}, settings: {placeholder: 'Серия и номер паспорта'}}" /></dd>
		<dd class="f-example">Например, 0506 123456</dd>
		<dd class="f-example">Валидируется только при введенной «111» в пред. поле</dd>
	</dl>

	<dl>
		<dt><label for="client_phone_input">Телефон</label></dt>
		<dd><input class="f" id="client_phone_input" name="client_phone" type="text" size="21"
				   onclick="return {validators: {IsNumber: {}, Length_Min: {compare: 5}, Length_Max: {compare: 11}}, settings: {placeholder: 'Телефон, только цифры (от 5 до 11 символов)'}}" /></dd>
	</dl>

	<dl>
		<dt><label for="client_email_input">Эл. почта</label></dt>
		<dd><input class="f" id="client_email_input" name="client_email" type="text" size="21"
				   onclick="return {validators: {Length_NotEmpty: {}, RegExp_IsEmail: {}}, settings: {placeholder: 'Электронная почта'}}" /></dd>
	</dl>

	<dl>
		<dt><label for="password">Пароль</label></dt>
		<dd><input class="f" name="password" id="password" type="password" size="21"
			onclick="return {validators: {Length_NotEmpty: {}}, settings: {placeholder: 'Пароль'}}" /></dd>
	</dl>
	<dl>
		<dt><label for="password_confirm">Повтор</label></dt>
		<dd><input class="f" name="password_confirm" id="password_confirm" type="password" size="21"
			onclick="return {validators: {Length_NotEmpty: {}, Compare_IsEqual: {compare: {element: 'password'}, messages: {NOT_EQUAL: 'Должно совпадать с полем «Пароль»'}}}, settings: {placeholder: 'Повтор пароля'}}" /></dd>
	</dl>

	<dl>
		<dt><label for="country">Страна</label></dt>
		<dd>
			<select class="f" size="1" name="country" id="country" onclick="return {validators: {Length_NotEmpty: {}}}">
				<option value="">&lt; выберите из списка &gt;</option>
				<option value="1">Российская Федерация</option>
				<option value="2">Украина</option>
				<option value="3">Англия</option>
				<option value="4">Сединенные штаты Америки</option>
				<option value="5">Беларусия</option>
				<option value="6">Испания</option>
				<option value="7">Италия</option>
				<option value="8">Китай</option>
				<option value="9">Корея</option>
			</select>
		</dd>
	</dl>

	<dl>
		<dt><label for="country2">Страна</label></dt>
		<dd>
			<select class="f" size="4" name="country2" id="country2" onclick="return {validators: {Length_NotEmpty: {}}}">
				<option value=""></option>
				<option value="1">Российская Федерация</option>
				<option value="2">Украина</option>
				<option value="3">Англия</option>
				<option value="4">Сединенные штаты Америки</option>
				<option value="5">Беларусия</option>
				<option value="6">Испания</option>
				<option value="7">Италия</option>
				<option value="8">Китай</option>
				<option value="9">Корея</option>
			</select>
		</dd>
	</dl>

	<dl>
		<dt><label for="country3">Страна</label></dt>
		<dd>
			<select class="f" size="8" name="country3" id="country3" multiple="multiple" onclick="return {validators: {Count_Min: {compare: 2}, Count_Max: {compare: 5}}}">
				<option value="1">Российская Федерация</option>
				<option value="2">Украина</option>
				<option value="3">Англия</option>
				<option value="4">Сединенные штаты Америки</option>
				<option value="5">Беларусия</option>
				<option value="6">Испания</option>
				<option value="7">Италия</option>
				<option value="8">Китай</option>
				<option value="9">Корея</option>
			</select>
		</dd>
	</dl>

	<dl class="f f-container f-checkboxgroup" onclick="return {validators: {Count_Min: {compare: 1}, Count_Max: {compare: 2}}}">
		<dt><label>Страны</label></dt>
		<dd>
			<label>
				<input class="f" name="trace_avia_order[]" type="checkbox" value="yes" />
				Россия
			</label>
			<label>
				<input class="f" name="trace_avia_order[]" type="checkbox" value="yes" />
				Финляндия
			</label>
			<label>
				<input class="f" name="trace_avia_order[]" type="checkbox" value="yes" />
				Китай
			</label>
		</dd>
	</dl>

	<dl class="f f-container f-radiogroup" onclick="return {validators: {Count_Min: {compare: 1, messages: {LESS: 'Обязательно для заполнения'}}}}">
		<dt><label>Страна</label></dt>
		<dd>
			<label>
				<input class="f" name="trace_avia_order_2" type="radio" value="russia" />
				Россия
			</label>
			<label>
				<input class="f" name="trace_avia_order_2" type="radio" value="finland" />
				Финляндия
			</label>
			<label>
				<input class="f" name="trace_avia_order_2" type="radio" value="china" />
				Китай
			</label>
		</dd>
	</dl>

	<div class="f-container f-repeat" onclick="return {repeat: {min: 1, max: 5}}">
		<dl class="f-container f-repeat-row">
			<dt><label for="string_input">Строка</label></dt>
			<dd><input class="f" name="string" id="string_input" type="text" size="21"
				onclick="return {validators: {Length_Min: {compare: 3}}}" /></dd>
			<dd style="padding-left: 7em;">
				<a href="#" class="f-repeat-add">add</a>
			</dd>
		</dl>
		<dl class="f-container f-repeat-template">
			<dt>&nbsp;</dt>
			<dd><input class="f" name="string" id="string_input" type="text" size="21"
				onclick="return {validators: {Length_Min: {compare: 3}}}" /></dd>
			<dd style="padding-left: 7em;">
				<a href="#" class="f-repeat-add">add</a>
				<a href="#" class="f-repeat-remove">remove</a>
			</dd>
		</dl>
	</div>
	-->

	<dl class="g-pt1">
		<dt>&nbsp;</dt>
		<dd><button class="f" type="submit">Отправить</button></dd>
	</dl>

	<script type="text/javascript">
	$(function(){
		var f = $('form.f').formius();
		$('form.f').submit();
	});
	</script>
</form>
</body>
</html>